<template>
  <div>
    <!-- 基本信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">基本信息</span>
    </div>
    <van-field readonly  name="city" :value="fromdata.city" label="OA地市名称："  label-width="7em"/>
    <van-field readonly  name="cityCode" :value="fromdata.cityCode" label="OA地市编号："  label-width="7em" />
    <van-field readonly  name="projectEstablishNumber" :value="fromdata.projectEstablishNumber" label="项目编号："/>
    <van-field readonly  autosize  type="textarea"  rows='1' name="projectEstablishName" :value="fromdata.projectEstablishName" 
    label="项目名称"/>
    <van-field readonly  name="businessId" :value="fromdata.businessId" label="商机编号：" />
    <van-field readonly  autosize  type="textarea" rows='1' name="businessName" :value="fromdata.businessName" label="商机名称："/>
    <van-field readonly  name="customerCode" :value="fromdata.customerCode" label="集团编号：" />
    <van-field readonly  autosize  type="textarea" rows='1' name="customerName" :value="fromdata.customerName" label="集团名称："/>
    <van-field readonly  name="customerName" :value="fromdata.customerName" label="招标人：" />
    <van-field readonly  name="competeType" :value="fromdata.competeType" label="采购方式："/>
    <van-field readonly  autosize  type="textarea" rows='1' name="projectDescription" :value="fromdata.projectDescription" label="项目描述："/>
    <van-field readonly  name="projectBusinessType" :value="fromdata.projectBusinessType" label="项目业务大类："  label-width="7em" />
    <van-field readonly  name="projectBusinessTwoType" :value="fromdata.projectBusinessTwoType" label="项目业务大类二级："  label-width="9em" />
    <van-field readonly  name="esopGoodsinfo" :value="fromdata.esopGoodsinfo" label="ESOP主体商品信息："  label-width="10em"/>
    <van-field readonly  name="mixBusinessType" :value="fromdata.mixBusinessType" label="融合业务类型：" label-width="7em" />


    <!-- 项目进度 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item"></div>
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">合同情况</span>
    </div>
    <el-table :data="contractList" border style="width: 100%">
      <el-table-column prop="CONTRACTINCEXPTYPE" label="收支合同类型" />
      <el-table-column prop="CONTRACTNO" label="合同编号" />
      <el-table-column prop="CONTRACTNAME" label="合同名称" />
      <el-table-column prop="CONTRACTEXECUTORNAME" label="主执行人姓名" />
      <el-table-column prop="VENDORCODE" label="相对方编码" />
      <el-table-column prop="VENDORNAME" label="相对方名称" />
      <el-table-column prop="CONTRACTSIGNEDDATE" label="合同生效时间" />
      <el-table-column prop="CONTRACTSTATRADATE" label="履行开始时间" />
      <el-table-column prop="CONTRACTENDDATE" label="履行结束时间" />
    </el-table>
    <!-- 本次计费科目信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item"></div>
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">本次计费科目信息</span>
    </div>
    <el-table :data="billingList" border style="width: 100%">
      <el-table-column prop="incomeId" label="序列号" />
      <el-table-column prop="pmInsIdDaking" label="关联订购序列号" />
      <el-table-column prop="splitBusinessType" label="业务大类" />
      <el-table-column prop="splitSujectName" label="收入账单名称" />
      <el-table-column prop="splitSujectCode" label="账单代码" />
      <el-table-column prop="isUniversal" label="是否属于通服收入" />
      <el-table-column prop="splitTaxRate" label="税率" />
      <el-table-column prop="splitIncludedAmount" label="含税总金额(元)" />
      <el-table-column prop="splitNoAmount" label="不含税金额(元)" />
      <el-table-column prop="billingTime" label="计费时长(月)" />
      <el-table-column prop="splitStartDate" label="预计计费起始日期" />
      <el-table-column prop="splitEndDate" label="预计计费结束日期" />
      <el-table-column prop="contractPhase" label="合同约定计费阶段" />
    </el-table>
  
  </div>
</template>
 
<script>
export default {
  props: ['fromdata','contractList','billingList']
}
</script>
 
<style lang="scss" scoped></style>